.iban { width: 100%; height: 500px; position: relative; }
.iban .bd { width: 100%; height: 100%; }
.iban .bd li { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; }
.iban .bd li a { display: block; width: 100%; height: 100%; background: url("b001.jpg") center; }
.iban .hd { position: absolute; bottom: 0; left: 0; font-size: 0; text-align: center; width: 100%; min-width: 990px; }
.iban .hd li { width: 100px; height: 28px; background: #fff; color: #fff; text-align: center; line-height: 20px; display: inline-block; font-size: 16px; margin: 4px; cursor: pointer; border-bottom: 2px #FFF solid; overflow: hidden; }
.iban .hd li img { width: 100%; }
.iban .hd li.on { border-color: #ff3f3c; }
.banner{width:100%;float:left;overflow:hidden;position:relative;height:390px}
.banner .img{width:100%;height:auto}
.banner .img li{position:absolute;top:0;left:0;display:none;height:100%;float:left;min-width:990px;min-height:257.8px}
.banner .img li img{height:100%;width:100%;float:left;position:relative;max-width:1903px}
.banner .img li div{position:absolute}
.banner .img li div img{width:100%}
.banner .img li .img2{top:29.4%;left:35%;width:30%;opacity:0;display:block}
.banner .img li .img3{top:29%;left:29%;width:42%;opacity:0;display:block}
.banner .img li .img4{top:33.6%;left:48.5%;width:32.8%;opacity:0;display:block}
.banner .img li .img5{top:39.2%;left:19%;width:25%;opacity:0;display:block}
.banner .img li .img6{top:32.6%;left:19%;width:24.5%;opacity:0;display:block}
.banner .img li .img5_2{top:5%;right:16.145%;width:41.19%;height:84.8%}
.banner .num{position:absolute;bottom:0;left:0;font-size:0;text-align:center;width:100%;min-width:990px}
.banner .num li{width:100px;height:25px;background:#fff;color:#fff;text-align:center;line-height:20px;display:inline-block;font-size:16px;margin:4px;cursor:pointer;border-bottom:2px #FFF solid;overflow:hidden}
.banner .num li img{width:100%}
.banner .num li.on{border-color:#ff3f3c}
.qu_nav{width:100%;height:170px;margin:30px 0 60px}
.qu_nav ul.squ{width:340px;height:170px;float:left}
.qu_nav ul.squ li{width:60px;height:80px;float:left;text-align:center;margin-right:30px;font-size:14px;margin-bottom:15px}
.qu_nav ul.squ li a{color:#666;transition:all .3s}
.qu_nav ul.squ li a i{width:50px;height:50px;display:block;border:1px solid #b3b3b3;border-radius:5px;margin:0 auto;background:url(icon_qunav.png);background-position-y:-1px;transition:all .3s}
.qu_nav ul.squ li.sear i{background-position-x:-20px}
.qu_nav ul.squ li.case i{background-position-x:-80px}
.qu_nav ul.squ li.app i{background-position-x:-139px}
.qu_nav ul.squ li.rl{margin-right:0}
.qu_nav ul.squ li.rl i{background-position-x:-196px}
.qu_nav ul.squ li.threed i{background-position-x:-250px}
.qu_nav ul.squ li.vid i{background-position-x:-304px}
.qu_nav ul.squ li.calc i{background-position-x:-357px}
.qu_nav ul.squ li.money{margin-right:0}
.qu_nav ul.squ li.money i{background-position-x:-402px}
.qu_nav ul.squ li.money{margin-right:0}
.qu_nav ul.squ li.money a{color:#ff3f3b}
.qu_nav ul.squ li.money i{background-position:-402px -50px;border-color:#ff3f3b;transition:background-position 0s,background-color .5s}
.qu_nav ul.squ li.money:hover i{background-position:-402px -1px;background-color:#ff3f3b}
.qu_nav ul.squ li:hover a{color:#ff3f3b}
.qu_nav ul.squ li:hover i{background-position-y:-50px;border-color:#ff3f3b}
.qu_nav .threed_box{width:840px;height:170px;float:right}
.qu_nav .threed_box .sm_box{width:260px;height:170px;float:left;border-radius:5px;background:#f3f3f3;position:relative;margin-right:30px;transform-style:preserve-3d;-webkit-transform-origin:50% 50%;-webkit-transform:rotateY(0) rotateX(0);-webkit-transition:all .3s;transition-timing-function:linear;-webkit-transition-timing-function:linear}
.qu_nav .threed_box .sm_box a{display:block;width:100%;height:100%}
.qu_nav .threed_box .sm_box a:hover h5{color:#ff3f3b}
.qu_nav .threed_box .sm_box h5{font-size:18px;color:#333;position:absolute;top:15px;left:20px;transition:all .3s;transform:translateZ(0)}
.qu_nav .threed_box .sm_box p{color:#666;font-size:12px;line-height:18px;position:absolute;top:50px;left:22px}
.qu_nav .threed_box .sm_box span{width:140px;height:110px;display:block;position:absolute;top:42px;left:72px}
.qu_nav .threed_box .sm_box:last-child{margin-right:0}
.pro{width:100%;height:340px;margin:40px 0 60px}
.pro dl{width:236px;height:340px;float:left;border:1px solid #efefef;border-right-color:#FFF;transition:all .3s}
.pro dl dt{width:180px;height:210px;margin:40px auto 0}
.pro dl dt img{width:100%}
.pro dl dd{width:180px;margin:0 auto;text-align:center}
.pro dl dd h5{font-size:16px}
.pro dl dd h5 a{color:#333;transition:all .2s}
.pro dl dd p{color:#999;font-size:12px;margin:-8px 0 5px}
.pro dl dd a.con,.pro dl dd a.del{float:left;width:80px;height:24px;line-height:24px;font-size:12px;border-radius:3px;display:none;opacity:0;transition:all .1s}
.pro dl dd a.con:hover,.pro dl dd a.del:hover{background:#ff3f3b;color:#FFF;border-color:#ff3f3b}
.pro dl dd a.del{color:#ff3f3b;border:1px solid #ff3f3b}
.pro dl dd a.con{border:1px solid #efefef;float:right}
.pro dl.last{border-right-color:#efefef}
.pro dl:hover{border-color:#ff3d3b}
.pro dl:hover h5 a{color:#ff3f3b}
.rongliang{width:100%;height:75px;margin:60px 0 70px;border-radius:5px;background:url(../img/bg_rongliang.jpg) center;padding-top:25px;position:relative}
.rongliang .search{width:720px;height:50px;line-height:50px;margin:0 auto;font-size:16px;color:#666;z-index:9999;position:absolute;left:0;right:0}
.rongliang .search span{cursor:pointer;margin-right:5px;display:inline-block;width:95px}
.rongliang .search span i{display:inline-block;width:15px;height:15px;border:1px solid #ccc;margin:-3px 6px;font-size:10px}
.rongliang .search span.on i{background:url(../img/icon_qunav.png) -463px -65px}
.rongliang .search #which{font-style:normal;display:inline-block;width:80px}
.rongliang .search #calc{font-size:12px;color:#ff3f3b;text-decoration:dashed;cursor:pointer}
.rongliang .search a.btn,.rongliang .search input{width:100px;height:40px;line-height:40px;text-align:center;box-shadow:1px 2px 14px 1px #eaeaea;border-radius:5px;background:#FFF;display:inline-block;margin:0 5px}
.rongliang .search input::-webkit-inner-spin-button,.rongliang .search input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
.rongliang .search a.btn{color:#ff3f3b;margin-left:20px;transition:all .3s}
.rongliang .search a.btn:hover{background:#ff3f3b;color:#FFF}
.rongliang i.line{display:block;width:188px;height:2px;background:url(../img/run_line.png) no-repeat;position:absolute;top:20px;left:-200px;z-index:8888;animation:run_line 8s infinite linear}
.rongliang i.line_1{animation-delay:1s}
.rongliang i.line_2{top:40px;animation-delay:4s;animation-duration:3.5s}
.rongliang i.line_3{top:80px;animation-delay:7.3s;animation-duration:10s}
.rongliang i.line_4{top:95px;animation-delay:2.5s}
@keyframes run_line{from{left:-200px}
to{left:1190px}
}
.newslist{width:100%;height:233px}
.newslist .news{width:890px;float:left}
.newslist .news a{transition:all .3s}
.newslist .news a:hover{color:#ff3d3b}
.newslist .news dl{width:445px;font-size:14px;height:16px;line-height:16px;color:#666;margin-top:35px;float:left}
.newslist .news dl dt{width:45px;float:left}
.newslist .news dl dt:after{border-right:1px solid #ccc;content:" ";height:10px;margin-top:3px;display:block;width:1px;float:right}
.newslist .news dl dd{float:left;text-indent:12px}
.newslist .spe{width:300px;float:left}
.newslist .spe .spe_box{width:294px;height:126px;margin-top:35px;position:relative;overflow:hidden}
.newslist .spe .spe_box ul{width:100%;height:126px}
.newslist .spe .spe_box ul li{width:100%;height:126px;display:none}
.newslist .spe .spe_box ul li img{width:100%}
.newslist .spe .spe_box ul li span{width:100%;height:30px;line-height:30px;background:rgba(255,63,59,.6);font-size:14px;text-align:center;color:#FFF;position:absolute;bottom:-30px;left:0}
.newslist .spe .spe_box a.next,.newslist .spe .spe_box a.prev{width:24px;height:40px;text-align:center;position:absolute;background:rgba(255,255,255,.6);top:36px;line-height:40px;color:#FFF;font-weight:700;transition:all .3s}
.newslist .spe .spe_box a.next:hover,.newslist .spe .spe_box a.prev:hover{background:rgba(255,255,255,.8);color:#ff3f3b}
.newslist .spe .spe_box a.prev{left:-24px;border-radius:0 5px 5px 0}
.newslist .spe .spe_box a.next{right:-24px;border-radius:5px 0 0 5px}
.appli{width:100%;height:459px;background:url(bg_appli.jpg) center;margin:-1px 0 70px}
.appli ul.industry{width:150px;height:460px;float:left}
.appli ul.industry a.more,.appli ul.industry li{width:150px;height:50px;line-height:50px;text-align:center;color:#666;font-size:16px;margin-bottom:1px;background:#FFF;display:block}
.appli ul.industry a.more a,.appli ul.industry li a{display:block;color:#666;transition:background .5s}
.appli ul.industry a.more a.on,.appli ul.industry a.more a:hover,.appli ul.industry li a.on,.appli ul.industry li a:hover{background:#ff3f3b;color:#FFF}
.appli ul.industry a.more.on a,.appli ul.industry li.on a{background:#ff3f3b;color:#FFF}
.appli ul.industry a.more:hover{background:#ff3f3b;color:#FFF}
.appli .appli_box{width:1150px;height:415px;float:right;padding-top:40px;display:none}
.appli .appli_box ul.logo{width:100%;height:180px}
.appli .appli_box ul.logo li{width:174px;height:174px;background:#FFF;border-radius:5px;float:left;margin-right:53px;overflow:hidden;box-shadow:1px 2px 14px 1px #eaeaea;transition:all .3s}
.appli .appli_box ul.logo li img{width:100%;transition:all .2s}
.appli .appli_box ul.logo li:hover{box-shadow:1px 2px 14px 1px #b3b3b3}
.appli .appli_box ul.logo li:hover img{transform:scale(1.1)}
.appli .appli_box ul.logo li.last{margin-right:0}
.appli .appli_box h3{font-size:24px;color:#333;margin-top:25px}
.appli .appli_box p{font-size:14px;color:#666;line-height:26px;margin-top:10px;margin-right:50px;}
.appli .appli_box a.con{display:block;width:180px;height:36px;line-height:36px;text-align:center;font-size:14px;color:#666;background:#FFF;border:1px solid #ccc;border-radius:4px;margin-top:15px;background:#ff3f3b;color:#FFF;border-color:#ff3f3b}
.index_3{width:100%;height:120px;background:url(index_7.jpg) no-repeat center;margin-bottom:6px;}
.jin8{width:100%;height:120px;background:url(index_8.jpg) no-repeat center;margin-bottom:26px;}
.jin9{width:100%;height:180px;background:url(index_9.jpg) no-repeat center;margin-bottom:26px;}
.index_3_top{width:100%}
.b_middle{font-size:30px;height:30px;line-height:30px;text-align:center;display:block;font-weight:100;color:#333}
.index_3_bot{width:100%;position:absolute;left:0;bottom:0;height:180px}
.index_3_bot_1{float:left;height:100%}
.index_3_bot_1 b{font-size:30px;color:#FFF;font-weight:100;line-height:30px;height:30px;margin-top:75px;margin-bottom:20px;display:block}
.index_3_bot_1 a{color:#999;font-size:14px}
.index_3_bot_1 a:hover{color:#FFF}
.index_3_bot_1 p{font-size:20px;color:#FFF;font-weight:100;line-height:20px;height:20px;margin-top:85px;display:block;float:left}
.index_3_bot_1 span{font-family:Arial;font-size:60px;color:#FFF;padding:0 30px;display:block;float:left;margin-top:64px;height:60px;line-height:60px}
.index_5{height:240px;width:100%;margin:45px 0 10px}
.index_5 div{width:17.65%;height:100%;float:left}
.index_5 div span{height:53px;width:60px;margin:0 auto;background:url(index_bg2.png) no-repeat;display:block;margin-bottom:30px}
.index_5 div .span1{background-position:-80px -74px}
.index_5 div .span2{background-position:-140px -74px}
.index_5 div .span3{background-position:-200px -74px}
.index_5 div .span4{background-position:-260px -74px}
.index_5 div .span5{background-position:-320px -74px}
.index_5 div:hover .span1{background-position:-80px -127px}
.index_5 div:hover .span2{background-position:-140px -127px}
.index_5 div:hover .span3{background-position:-200px -127px}
.index_5 div:hover .span4{background-position:-260px -127px}
.index_5 div:hover .span5{background-position:-320px -127px}
.index_5 div b{font-size:20px;color:#333;text-align:center;display:block;font-weight:100;height:20px;line-height:20px;margin-bottom:7px;transition:all .3s}
.index_5 div:hover b{color:#FF3F3C}
.index_5 p{text-align:center}
.video_box{width:100%;height:235px;margin:40px 0 70px}
.video_box dl{width:275px;height:235px;float:left;background:#f5f5f5;transition:all .3s;margin-right:30px}
.video_box dl dt{width:100%;height:155px;position:relative;overflow:hidden}
.video_box dl dt img{width:100%;transition:all 2s}
.video_box dl dt i{width:36px;height:24px;border-radius:14px;position:absolute;border:2px solid #FFF;background-color:rgba(0,0,0,.6);top:120px;left:20px;background-image:url(../img/icon_qunav.png);background-position:-451px 2px;transition:all .3s}
.video_box dl dd{width:100%;height:65px;padding-top:15px;text-align:center}
.video_box dl dd h5{font-size:16px;color:#333;transition:all .3s}
.video_box dl dd p{font-size:12px;color:#999;line-height:20px}
.video_box dl a:hover dt img{transform:scale(1.1)}
.video_box dl a:hover dt i{background-color:#ff3f3b;border-color:#fff}
.video_box dl a:hover h5{color:#ff3f3b}
.video_box dl:hover{box-shadow:1px 2px 14px 1px #eaeaea}
.video_box dl:last-child{margin-right:0}
#container{position:absolute;height:350px;width:100%;left:0;top:0}
#output{width:100%;height:100%}
.index_footer_l{height:270px;width:62.6%;border-right:1px solid #666;float:left;margin-right:5%}
.footer_l_ul{width:20%;float:left}
.footer_l_ul b{margin-bottom:15px;display:block}
.footer_l_ul b a{font-size:18px;line-height:35px;height:35px;font-weight:100;color:#FFF}
.footer_l_ul ul a{color:#fff}
.footer_l_ul ul a:hover{color:#c8c8c8}
.footer_l_ul li{font-size:14px;line-height:28px;height:28px}
.index_footer_so{width:91%;height:38px;border:1px solid #666}
.index_footer_so .key{height:100%;width:80%;border:none;background:0 0;float:left;text-indent:20px}
.index_footer_so .sub{height:100%;width:20%;border:none;background:0 0;float:left;text-align:center;border-left:1px solid #666;display:block;cursor:pointer;font-size:16px}
.index_footer_so .sub:hover{color:#fff}
.index_footer_r{width:32%;float:left}
.index_footer_r_t{height:111px;float:left}
.index_footer_r_t div{width:50%;float:left;margin-bottom:15px}
.index_footer_r_t div b{border-left:1px solid #fff;display:block;font-weight:100;font-size:14px;line-height:14px;text-indent:7px;color:#FFF;float:left;width:100%;margin-bottom:15px;margin-top:7px}
.index_footer_r_t div p{font-size:23px;line-height:24px;color:#FFF;display:block;height:24px;float:left}
.index_footer_r p{color:#FFF;float:left}
.index_footer_r_b{float:left;height:106px;width:100%;margin-top:15px}
.index_footer_r_b span{height:106px;width:27.89%;float:left;display:block;background:url(index_bg2.png) -380px 0 no-repeat;margin-right:7.89%}
.index_footer_r_con{width:64.2%;float:left;height:106px}
.index_footer_r_con ul li{width:50%;float:left;height:53px;line-height:40px;margin-top:4px}
.index_footer_r_con ul li a{color:#FFF}
.index_footer_r_con ul li:hover a{color:#c8c8c8}
.index_footer_r_con ul li i{background:url(index_bg2.png) no-repeat;width:40px;height:40px;display:block;margin-right:10px;float:left}
.index_footer_r_con ul li .span1{background-position:0 0}
.index_footer_r_con ul li .span2{background-position:0 -40px}
.index_footer_r_con ul li .span3{background-position:0 -80px}
.index_footer_r_con ul li .span4{background-position:0 -120px}
.footer{width:100%;height:239px;background-color:#282828}
.footer-c{margin-top:40px;height:60px}
.footer,.footer dl a{color:#bdbebe}
.copyright,.copyright a{color:#aaa}
.footer a:hover{color:#ccc}
.btlist,.ftbox{margin:0 auto}
.footer .flogo{margin:44px 150px 0 7px;height:145px}
.footer dl.list{float:left;margin-top:30px}
.footer dl.w{overflow:hidden;margin-right:120px}
.footer dl.w dd{float:left;margin-right:20px;width:130px}
.footer dl dt{margin-bottom:15px;font:700 15px/22px "microsoft yahei"}
.footer dl dd{text-indent:2px;line-height:26px}
.copyright{clear:both;height:60px;line-height:60px}
.copyright i{width:35px;height:50px;display:block;background:url(icon_hf.png) -353px -138px no-repeat;float:left;margin-right:10px;margin-top:10px}
.copyright .t{width:420px;color:#999}
.copyright .t a{color:#999}
.copyright .t a:hover{color:#fff}
.copyright ul{width:47.8%}
.copyright ul li{float:right;background-position:-374px -35px;text-indent:3px}
.copyright ul li a{color:#999}
.copyright .group{position:relative}
.copyright .last{background:0 0}
.copyright .group span{display:block;cursor:pointer;color:#999}
.copyright .group:hover span{color:#fff}
.copyright .group dl{position:absolute;bottom:50px;left:-46px;display:none;padding-bottom:10px;width:160px;border-top:2px solid #ccc;background:url(http://static.zzboiler.com/web/images/index/icon_group.png) left bottom no-repeat #f7f6f6;text-align:center;font-size:12px;line-height:24px}
.copyright .group dl,.copyright .group dl a{color:#666}
.copyright .group dl a:hover{font-weight:700}
@media screen and (max-width:1199px){body,button,input,select,textarea{color:#666;font:14px/24px "Microsoft Yahei","WenQuanYi Micro Hei",SimSun,Tahoma,Arial,Helvetica,STHeiti}
.header{width:990px;margin:0 auto}
.header .logo{width:330px}
.header_top{width:990px;margin:0 auto}
.nav{width:612px;overflow:hidden;height:80px}
.navlist{padding-left:0}
.navlist li{float:left;width:94px}
.navlist li .poslf{width:94px;margin-left:0}
.navpro .plist{width:990px}
.navpro .plist ul.fv{width:198px}
.navlist li .online-items{width:138px}
.navlist li.first{margin-left:0}
.navlist li .navpro,.navpro .plist{height:400px}
.navlist li .navpro{top:80px}
.navpro .plist ul.tj{display:none}
.ftbox{background:0 0;width:990px}
.index_1_l{height:130px}
.index_1_l ul li{height:67px}
.index_2_l img{height:316px}
.index_hover{height:130px}
.index_hover .box{height:130px}
.index_hover .content b{margin-top:40px}
.index_footer_r_t{height:135px}
.index_footer_r_t div{margin-bottom:10px}
.index_footer_r_t div p{font-size:20px}
.index_footer_r_b span{width:106px;margin-right:2%}
.index_footer_r_con ul li i{margin-right:2px}
.index_2{height:317px}
.index_2_2 b{font-size:30px;width:210px;height:30px;line-height:30px;margin:12px 0 16px 0}
.index_2_2 a{margin-top:16px}
.index_3_bot_1 span{padding:0 10px}
.index_4_con{width:182px}
.index_4_con_ho{width:254px}
.index_6{height:336px}
.index_6_con div{height:211px}
.index_4_con_ho p{width:216px}
.h60{height:30px;width:100%;display:block;clear:both;overflow:hidden}
.h50{height:25px;width:100%;display:block;clear:both;overflow:hidden}
.h40{height:20px;width:100%;display:block;clear:both;overflow:hidden}
.h30{height:15px;width:100%;display:block;clear:both;overflow:hidden}
.header .hdbox{height:80px}
.header .logo{margin-top:13px}
.navlist{margin:0 auto;height:80px}
.navlist li .items{width:94px;left:0;height:80px;font:400 16px/80px "microsoft yahei"}
.navlist li dl{top:80px}
.navlist li{width:96px}
.qu_nav .threed_box{width:600px;overflow-y:hidden;padding-left:10px}
.qu_nav .threed_box .sm_box{margin-right:50px}
.qu_nav .threed_box .sm_box:nth-child(2){margin-right:30px}
.qu_nav .threed_box .sm_box:nth-child(2) span{left:82px}
.pro dl{width:196px}
.newslist .news{width:690px}
.newslist .news dl{width:345px}
.appli .appli_box{width:790px}
.appli .appli_box ul.logo li{margin-right:48px}
.appli .appli_box ul.logo li.last{display:none}
.video_box{margin-bottom:40px}
.video_box dl{width:225px;height:205px}
.video_box dl dt{height:125px}
.video_box dl dt i{top:88px}
}
@media screen and (max-width:2000px){.banner{height:500px}
}
@media screen and (max-width:1903px){.banner{height:500px}
}
@media screen and (max-width:1853px){.banner{height:485px}
}
@media screen and (max-width:1803px){.banner{height:472px}
}
@media screen and (max-width:1753px){.banner{height:458px}
}
@media screen and (max-width:1703px){.banner{height:445px}
}
@media screen and (max-width:1653px){.banner{height:425px}
}
@media screen and (max-width:1603px){.banner{height:416px}
}
@media screen and (max-width:1553px){.banner{height:404px}
}
@media screen and (max-width:1503px){.banner{height:390px}
}
@media screen and (max-width:1453px){.banner{height:374px}
}
@media screen and (max-width:1403px){.banner{height:363px}
}
@media screen and (max-width:1353px){.banner{height:357px}
}
@media screen and (max-width:1303px){.banner{height:336px}
}
@media screen and (max-width:1253px){.banner{height:322px}
}
@media screen and (max-width:1203px){.banner{height:309px}
}
@media screen and (max-width:1153px){.banner{height:284px}
}
@media screen and (max-width:1103px){.banner{height:270px}
}
@media screen and (max-width:953px){.banner{height:261px}
}
@media screen and (max-width:1199px) and (min-width:1190px){.navlist li{float:left;width:76px}
.navlist li .items{width:auto}
.navlist .header_soso i{margin-top:30px}
.navlist .header_soso p{line-height:77px}
}
@media screen and (max-width:1190px){.header .logo{margin-right:30px}
.nav{width:630px}
.navlist li{width:81px}
.navlist li .items{font-size:16px}
.navlist .header_soso p{line-height:77px}
.navlist .header_soso i{margin-top:30px}
}
h3 a{color:#333}